Progress Indicators Make a Slow System Less Insufferable進度指示器
等待動畫（如百分比完成條和旋轉載入指示器）向使用者傳達系統當前的工作狀態，從而減少不確定性，讓使用者感到過程更可接受。研究表明，當網站使用動態進度指示器時，使用者對網站的滿意度更高，且願意等待更長時間。
提供反饋的重要性：讓使用者感到被傾聽
系統狀態的可見性是使用者介面設計中的基本原則之一。使用者需要系統及時反饋，以瞭解輸入已被接收且系統正在處理中。
如果系統不及時反饋，使用者可能會感到不安，不確定命令是否被接收，甚至懷疑係統是否崩潰。這可能導致使用者重複點選或放棄任務。即使無法加快系統速度，顯示反饋仍是改善使用者體驗的必要手段，特別是當響應時間超過10秒時，應提供估算完成時間的反饋，幫助使用者更好地規劃等待時間。
現實中的例子
以電話聯絡加州機動車輛管理局（DMV）為例：
- 等待音樂和提示語音告知當前的等待狀態，讓使用者明白通話未被中斷。
- 提供預計等待時間（如15-20分鐘），使使用者能自主決定如何利用等待時間。
- 提供回撥選項，使用者無需留守電話仍可保持排隊順序。
這些設計改善了使用者的等待體驗，降低了焦慮感，同時節省了機構資源。
進度指示器的作用
- 確認系統正在工作，減少使用者的不確定性。
- 提供等待期間的視覺分散，緩解等待的無聊感。
- 增加使用者等待的理由，因使用者相信操作正在進行。
- 降低使用者對時間流逝的感知，因為部分注意力被反饋佔用。
等待動畫的型別
1 迴圈動畫指示器
適用場景: 載入時間在2-10秒之間。
特點: 動畫提供系統正在工作的視覺提示，但不顯示具體剩餘時間。
示例：United.com、Evernote 和 Facebook 使用旋轉指示器作為迴圈動畫的典型例子。
使用建議:不適用於超過10秒的載入時間，因其無法提供進度資訊，使用者可能因缺乏反饋而放棄任務。
建議加入簡單的文字提示（如“載入中…”）以說明當前操作。
2 百分比完成指示器
適用場景: 載入時間超過10秒。
特點: 顯示任務的完成進度，使用者可瞭解已完成和剩餘時間。
示例：Expensify.com 和 WeTransfer.com 使用百分比進度條，並附帶簡要說明當前任務的文字提示。
使用建議:若任務包含多個步驟，可顯示當前步驟的編號（如“第3步，共5步”）。
避免最後一部分進度突然變慢，這會讓使用者感到挫敗。
3 靜態指示器
問題: 靜態指示器（如簡單的“載入中…”）因缺乏動態反饋而不推薦使用。使用者無法判斷系統是否已崩潰或需要重新操作。
4 “不要再次點選”警告
問題: 不應透過警告使用者避免重複點選。正確的方法是顯示清晰的反饋，確認操作已被接收。
針對兒童和遊戲的指示器設計
在兒童網站或遊戲中，載入等待時可能出現動畫或小遊戲以分散注意力。然而，若動畫與主任務混淆，可能適得其反。
建議:
- 使用百分比完成指示器，並在介面上突出顯示。
- 確保任何過渡動畫不會遮擋主要進度資訊。
- 動畫應簡單有趣，與主任務相關，減少等待時間的感知。
結論
提供反饋是提升使用者體驗的關鍵。透過透明和明確的等待時間指示，設計師可以減少使用者的不確定性，並增加使用者的耐心和滿意度。
主要建議:
- 2-9秒: 使用迴圈動畫指示器。
- 10秒以上: 使用百分比完成指示器。
透過合理的進度指示器設計，使用者將更願意完成任務，同時對網站或應用的整體印象也將更積極。